import React, { memo, ReactNode, FC } from "react";
import { NavWrapper } from "./style";
import { discoverMenu } from "@/assets/data/local_data";
import { NavLink } from "react-router-dom";

interface IProps {
  children?: ReactNode;
}

const NavBar: FC<IProps> = memo((props) => {
  return (
    <NavWrapper>
      <div className="nav wrap-v1">
        {discoverMenu.map((item) => (
          <div className="item" key={item.title}>
            <NavLink to={item.link}>{item.title}</NavLink>
          </div>
        ))}
      </div>
    </NavWrapper>
  );
});

export default NavBar;
